<!-- 当前导航 -->
<div class="current-position">
  <!-- 面包屑 -->
  <nz-breadcrumb class="breadcrumb">
    <nz-breadcrumb-item>首页</nz-breadcrumb-item>
    <nz-breadcrumb-item>用户管理</nz-breadcrumb-item>
    <nz-breadcrumb-item>变更密码</nz-breadcrumb-item>
  </nz-breadcrumb>
  <h1 class="current-position-title">密码变更</h1>
  <h1 class="current-position-desc">为指定用户变更密码</h1>
</div>
<!-- 主体内容 -->
<div class="main-content">
  <form nz-form [formGroup]="_changeUserPwdForm" (ngSubmit)="_submitForm()">
    <!-- username -->
    <div nz-form-item nz-row>
      <div nz-form-label nz-col [nzSm]="6" [nzXs]="24">
        <label for="username">用户名</label>
      </div>
      <div nz-form-control nz-col [nzSm]="14" [nzXs]="24">
        <nz-input [nzSize]="'large'" [nzReadonly]="true" formControlName="username" [nzId]="'username'"></nz-input>
      </div>
    </div>
    <!-- pwd -->
    <div nz-form-item nz-row>
      <div nz-form-label nz-col [nzSm]="6" [nzXs]="24">
        <label for="password" nz-form-item-required>新密码</label>
      </div>
      <div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback>
        <nz-input [nzSize]="'large'" [nzType]="'password'" formControlName="password" [nzId]="'password'"></nz-input>
        <div nz-form-explain *ngIf="_getFormControl('password').dirty&&_getFormControl('password').hasError('required')">请填写新密码</div>
      </div>
    </div>
    <!-- opt -->
    <div nz-form-item nz-row style="margin-bottom:8px;">
      <div nz-form-control nz-col [nzSpan]="14" [nzOffset]="6">
        <button [nzLoading]="_isLoading" nz-button [nzSize]="'large'" [nzType]="'primary'">更新</button>
      </div>
    </div>
  </form>
</div>